<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <meta name = "viewport" content = "initial-scale=1, maximum-scale=1,mininum-scale=1, user-scalable=no, width=device-width">
        <meta http-equiv = "pragma" content = "no-cache"/>
        <meta http-equiv = "Cache-Control" content = "no-cache,must-revalidate"/>
        <meta http-equiv = "expires" content = "Wed,26 Feb 1997 08:21:57 GMT"/>
        <title>逛拍在手，逛街不愁</title>
        <link type = "text/css" rel = "stylesheet" href = "../css/base.css">
        <link type = "text/css" rel = "stylesheet" href = "../css/common.css">
        <link type = "text/css" rel = "stylesheet" href = "../css/takePhotos.css">
    </head>
    <body>
        <div class = 'main-page'>
            <div id = "take-photo">对着镜子，点我拍照~_~</div>
            <a class = "backstep" href = "index.html">返回主界面</a>
        </div>
        <script>
            var to_take_photo = document.querySelector("#take-photo");
            to_take_photo.style.lineHeight = to_take_photo.style.height = document.defaultView.getComputedStyle(to_take_photo , null).width;
        </script>
        <div class = "ps-page none">
            <div class = "clearfix">
                <a id = "take-aggin" class = "btn fl">重拍</a>
                <a id = "save-photo" class = "btn fr">保存</a>
            </div>
            <div class = "photo tc">
                <img src = "" id = "photo-image" class = "w mt50"/>
            </div>
            <div class = "effects">
                <div class = "effects-in">
                    <img src = "../images/effs/原图.jpg" eff = "原图" class = "selected"/>
                    <img src = "../images/effs/仿lomo.png" eff = "仿lomo"/>
                    <img src = "../images/effs/美肤.png" eff = "美肤" class = ""/>
                    <img src = "../images/effs/暖秋.png" eff = "暖秋"/>
                    <img src = "../images/effs/自然增强.png" eff = "自然增强"/>
                    <img src = "../images/effs/柔焦.png" eff = "柔焦"/>
                    <img src = "../images/effs/复古.png" eff = "复古"/>
                    <img src = "../images/effs/亮白增强.png" eff = "亮白增强"/>
                    <img src = "../images/effs/黑白.png" eff = "黑白"/>
                    <img src = "../images/effs/灰白.png" eff = "灰白"/>
                    <img src = "../images/effs/素描.png" eff = "素描"/>
                    <img src = "../images/effs/粗糙.png" eff = "粗糙"/>
                    <img src = "../images/effs/紫调.png" eff = "紫调"/>
                </div>
            </div>
        </div>
        <div class = "share-message none">
            <p class = "share-message-text m10 lh150"></p>
            <div class = "tc mt20">
                <a class = "btn" id = "not-share">暂不分享</a>
                <a class = "btn" id = "agree-share">好吧~_~</a>
            </div>
        </div>
        <script src = "../lib/alloyimage-1.1.js"></script>
        <script>
            document.write('<script src = "../lib/common.js?t=' + new Date().getTime() + '"><\/script>');
            document.write('<script src = "../js/takePhotos.js?t=' + new Date().getTime() + '"><\/script>');
        </script>
    </body>
</html>